<!-- Content -->
<div id="content">
    <!-- Content wrapper -->
    <div class="wrapper">
        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url('xpanel') ?>">XPANEL</a></li>
                <li class="active"><a href="<?= base_url() ?>" title="">Inicio</a></li>
            </ul>
        </div>
        <!-- /breadcrumbs line -->
        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5><?= $place ?></h5>
            </div>

        </div>
        <!-- /page header -->
        <!-- Default datatable -->
        <div class="widget">
            <div class="navbar">
                <div class="navbar-inner">
                    <h6>Tutoriales</h6>
                </div>
            </div>
            <div class="media row-fluid">
                <div class="span3">
                    <div class="video widget">
                        <div class="well">
                            <div class="view">
                                <iframe width="560" height="315" src="https://www.youtube.com/embed/jT5PYObYvRI" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="item-info">
                                <a href="#" title="" class="item-title">Introducción</a>
                                <p>Introducción al sistema eLearning Instituto Cosmic</p>
                                <p class="item-buttons">
                                    <a href="#" class="btn btn-info tip" title="Edit"><i class="icon-pencil"></i></a>
                                    <a href="#" class="btn btn-danger tip" title="Move to trash"><i class="icon-trash"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <div class="video widget">
                        <div class="well">
                            <div class="view">
                                <iframe width="420" height="315" src="https://www.youtube.com/embed/sxUQsKxcOYM" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="item-info">
                                <a href="#" title="" class="item-title">Perspectiva administrador</a>
                                <p>Administrador de todo el sistema para manejar empresas y divisiones, reportes y métricas y kpi’s</p>
                                <p class="item-buttons">
                                    <a href="#" class="btn btn-info tip" title="Edit"><i class="icon-pencil"></i></a>
                                    <a href="#" class="btn btn-danger tip" title="Move to trash"><i class="icon-trash"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <div class="video widget">
                        <div class="well">
                            <div class="view">
                                <iframe width="560" height="315" src="https://www.youtube.com/embed/NTkPfp2cXdE" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="item-info">
                                <a href="#" title="" class="item-title">Perspectiva usuario</a>
                                <p>Utilización del eLearning por parte de los usuarios/empleados</p>
                                <p class="item-buttons">
                                    <a href="#" class="btn btn-info tip" title="Edit"><i class="icon-pencil"></i></a>
                                    <a href="#" class="btn btn-danger tip" title="Move to trash"><i class="icon-trash"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /default datatable -->
    </div>
    <!-- /content wrapper -->
</div>
<!-- /content -->
